<ul>

                <li>
                  <div style="width:60px;height:250px;float:left">
                    <el-progress type="circle" :percentage="15" style="margin-top:30px"></el-progress>
                    <ul>
                      <li class="buttons">
                        <el-tag type="success" style="width:60px">动漫</el-tag>
                      </li>
                      <li class="buttons">
                        <el-tag type="success" style="width:60px">二刺猿</el-tag>
                      </li>
                      
                    </ul>
                  </div>
                  <div style="width:720px; height:250px; margin-top:5px;">
                    <h3 style="margin-left:70px" @click="toDetails">有没有什么一看就很惊艳的动漫头像？</h3>
                    <div
                      style="width:250px;height:150px;margin-left:10px;float:left;margin-top:5px"
                    >
                      <img
                        style="width:250px;height:150px; border-radius:5px"
                        src="https://pic3.zhimg.com/50/v2-b80fb423fcd479afd54bd5278daae2e3_400x224.jpg"
                        alt
                      />
                    </div>
                    <div
                      class="innerContent"
                    >最近有个人匿名说我是某位大神的小号，不过仔细看，发现那个人好像重点只是酸我的经历，不是想黑那个大神，估计他觉得把我俩搅和在一起相当于点火了把。没想到我和cong及他的粉和黑们会有一致针对某个人的时候。既然这样，那就秀个小肌肉，展示技术好了，证明一下我和做t大神的区别，顺便方便读者学习（其实就是找个借口发文章，我才不在乎黑子的说法(*^_^*)）。</div>
                    <div
                      style="width:600px;height:50px;margin-left:10px;margin-top:10px; float:left"
                    >
                      <ul>
                        <li>
                          <img class="personImg" :src="imagePath0" alt />
                          <span class="personName">小冬瓜</span>
                          <span class="personName">2020-10-10</span>
                          <i class="el-icon-view icons" style="margin-left:90px"></i>
                          <span class="personShow">
                            <i>50</i>人浏览
                          </span>
                          <i class="el-icon-chat-dot-round icons"></i>
                          <span class="personShow">
                            <i>5</i>人回复
                          </span>
                          <i class="el-icon-thumb icons"></i>
                          <span class="personShow">
                            <i>50</i>人点赞
                          </span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
              </ul>


                  <div id="movie" @click="pictures()">     
        <img id="imagess" ref="imagess" src="">
        <form action="" id="sendImg" method="post" enctype="multipart/form-data">
        <input type="file" style="display: none;" name="pickHeader" id="pickHeader" ref="changes" multiple @change="showFlieInfo(this)">
        <input type="text" name="aId" id="aId"  value="0" style="display: none;">
    </form>
        <div id="pict" ref="pict" style="text-align: center; line-height: 300px;"><svg t="1597737615073" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="33670" width="100" height="100"><path d="M330.583 715.653c-17.464 0-49.162-9.931-57.184-47.151l-0.337-1.563 0.011-209.366c-0.129-2.978-0.287-14.776 4.345-27.586 7.264-20.091 22.906-33.05 44.048-36.498l52.007-8.874 19.729-48.802 0.561-0.955c5.772-9.818 22.288-26.435 47.572-26.435 2.872 0 5.81 0.216 8.753 0.642l127.04-0.641c0.647-0.04 1.584-0.079 2.77-0.079 8.485 0 37.357 2.277 52.653 31.58l0.3 0.573 18.35 44.019 53.417 8.634c1.612 0.286 39.568 7.491 46.165 48.81l0.188 1.175v218.157c-0.067 15.688-10.29 47.092-48.497 54.108l-1.344 0.247H331.078c-0.128 0.003-0.293 0.005-0.495 0.005z m-27.52-52.034c5.282 20.826 23.578 22.021 27.453 22.034l0.329-0.019 0.07 0.015h367.389c9.547-2.021 15.997-6.581 19.694-13.915 2.732-5.419 2.973-10.458 2.973-10.505V445.62c-3.62-18.979-20.425-22.694-21.543-22.919l-69.494-11.229-24.252-58.18c-7.342-13.475-20.442-14.944-25.783-14.944-0.424 0-0.72 0.012-0.858 0.019l-0.765 0.091-0.498-0.034-130.007 0.656-1.261-0.21a31.71 31.71 0 0 0-5.174-0.444c-12.314 0-19.41 8.46-21.305 11.069l-25.015 61.88-68.684 11.719c-24.877 4.029-23.366 31.955-23.29 33.142l0.031 0.966-0.01 206.417z" fill="#BB2748" p-id="33671"></path><path d="M512.022 641.311c-60.357 0-109.461-49.102-109.461-109.456 0-60.351 49.104-109.45 109.461-109.45 60.339 0 109.428 49.099 109.428 109.45 0 60.354-49.089 109.456-109.428 109.456z m0-188.906c-43.815 0-79.461 35.641-79.461 79.45 0 43.813 35.646 79.456 79.461 79.456 43.797 0 79.428-35.644 79.428-79.456 0-43.809-35.631-79.45-79.428-79.45z" fill="#BB2748" p-id="33672"></path><path d="M512.013 93.174C280.69 93.174 93.182 280.695 93.182 512c0 231.307 187.508 418.826 418.831 418.826 231.315 0 418.806-187.52 418.806-418.826-0.001-231.305-187.491-418.826-418.806-418.826z m-0.001 819.795c-221.459 0-400.973-179.524-400.973-400.969 0-221.442 179.514-400.969 400.973-400.969 221.453 0 400.949 179.526 400.949 400.969 0 221.444-179.496 400.969-400.949 400.969z" fill="#BB2748" p-id="33673"></path></svg></div>
    </div>